<template>
	<view class="tabber-home">
		<u-navbar title="油站" back-icon-color="#333"></u-navbar>
		<!-- 选项卡 -->
		<!-- <view class="u-tabs-box">
			<u-tabs-swiper style="padding-bottom: 20rpx;" activeColor="#058cff" ref="tabs" :list="tabs_list"
				:current="current" @change="change" :is-scroll="false" swiperWidth="750"></u-tabs-swiper>
		</view> -->
		<view class="wrap-count" style="background: #0099ff;color: #fff; border-radius: 10rpx; display: flex; margin-top: 0; justify-content: space-between; position: fixed;width: 95%;
    z-index: 999;">
			<!-- <text>统计</text> -->
			<view class="" style="font-weight: bold;">
				<view class="">
					<view>加油金（元）</view>
				</view>
				<view class="" style="padding-top: 10rpx; font-size: 40rpx;">
					<view>{{jyj}}</view>
				</view>

			</view>
			<view class="" style="font-weight: bold;">
				<view class="">
					<view>
						<u-button @click="jymFun" type="success" style="font-size: 32rpx;">加油码</u-button>
					</view>
				</view>

				<!-- <view class="" style="margin-top: 30rpx;">
					<view>
						<u-button @click="jyjsqListFun" type="warning" size="mini" style="font-size: 30rpx;">加油金授权</u-button>
					</view>
				</view> -->

			</view>

		</view>
		<view class="wrap" style="margin-top: 192rpx;">
			<swiper class="swiper-box" :current="current">
				<swiper-item class="swiper-item">
					<!-- @scrolltolower="reachBottom" -->
					<scroll-view scroll-y style="height: 100%;width: 100%;">
						<view class="page-box">
							<view class="order" v-for="(item, index) in orderList" :key="index">
								<view class="title u-line-2" style="color: #353535; font-size: 40rpx;">
									<text>{{item.ORMTB473CA00}}</text>

								</view>
								<view class="item">

									<view class="content">

										<view class="" style="color: #B3B3B3;">{{item.ORMTB473CA01}}</view>
										<!-- <u-button type="primary" class="btn_mid" >去看看</u-button> -->
										<view class="see-btn">
											<!-- <view class="see-btn-collection" @click="collCancelClick(item)"  v-if="item.SETTB403ID!=''">
												<text class="iconfont iconshoucang"></text>取消收藏
											</view> -->
											<view class="see-btn-collection" style="color:#D36D7C;font-size: 28rpx;">
												<!-- <text
													style="padding: 10rpx; background-color:#FEF4F3 ; border-radius: 10rpx;">飞砂走石价</text>
												<text style="padding:0 5rpx;font-weight: bold;">￥</text> -->
												<!-- <text
													style="font-size: 40rpx;font-weight: bold;">{{item.ORMTB473CA02}}</text>
												<text style="font-size: 24rpx; font-weight: bold;">/L</text> -->
												<text
													style="color: #8C8C8C;padding-left: 10rpx;">油站价￥{{item.ORMTB473CA09}}/L</text>
												<text style="color:#D36D7C ;">仅供参考</text>
											</view>


										</view>

									</view>
									<view class="content">
										<view class="type"
											style="color: #949293; background-color: #F7F8FA;text-align: center; border-radius: 20rpx; display: flex;">
											<img :src="getStaticFilePath('/home/nav/nav-DW.png')" alt=""
												style="width: 40rpx;height: 40rpx;">
											<text>{{item.jl}}Km</text>

										</view>


									</view>

								</view>

								<view class="see-btn" style="display: flex; justify-content: end;"
									@click="goAndSee(item)">
									<view class="" style="">

									</view>
									<!-- <view class="see-btn-collection"
										style="margin-top:60rpx; width: 25%; margin-bottom: 20rpx; height:100%; background:#f2f2f2; justify-content: end; display: flex; border-radius: 10rpx;padding: 10rpx; text-align: center;">
										<view class="" style="">
											<text style="color:#2B2C2E;font-size: 32rpx;">加油码</text>
										</view>
										<view class="">
											<img style="width: 40rpx;height: 40rpx; padding-top: 4rpx;"
												:src="getStaticFilePath('/home/nav/nav-SJ.png')" alt="">
										</view>

									</view> -->
								</view>



							</view>
							<!-- <u-loadmore :status="loadStatus[0]" bgColor="#f2f2f2"></u-loadmore> -->
							<u-loadmore v-if="orderList.length!=0" :status="status" :icon-type="iconType"
								:load-text="loadText" />
							<view class="zanWSJ" v-if="orderList.length==0">
								<image :src="getStaticFilePath('/QXY/noData.png')" alt="">
							</view>
						</view>
					</scroll-view>
				</swiper-item>

			</swiper>
		</view>
		<u-toast ref="uToast" />
		<u-modal v-model="collShow" :content="collShowContent" :show-cancel-button="true" @confirm="collConfirm">
		</u-modal>
		<u-popup v-model="codeShow" mode="bottom" closeable width="80%" height="60%">
			<view class="code-img">
				<image :src="binary" mode="widthFix" />
			</view>
			<!-- <view class="ERcode-orderinfo">
				<view class="ERcode-orderinfo-view"><text>{{queryCodeList.ORMTB440CA01||''}}</text><text
						style="color: red;">{{queryCodeList.ORMTB440CF01=='0'?'待接单':queryCodeList.ORMTB440CF01=='1'?'待提货':queryCodeList.ORMTB440CF01=='2'?'提货中':''||''}}</text>
				</view>
				<view><text>订单编号：</text>{{queryCodeList.ORMTB440CA00||''}}</view>
				<view><text>下单时间：</text>{{queryCodeList.ORMTB440CA19||''}}</view>
				<view><text>企业：</text>{{queryCodeList.ORMTB440CA24||''}}</view>
				<view><text>物料：</text>{{queryCodeList.ORMTB440CA07||''}}</view>
				<view>
					<text>下单方式：</text>{{queryCodeList.ORMTB440CA09=='JZ'?'净重':queryCodeList.ORMTB440CA09=='MZ'?'毛重':''||''}}
				</view>
				<view><text>吨数：</text>{{queryCodeList.ORMTB440CA10||''}}</view>
			</view> -->
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userinfo: JSON.parse(uni.getStorageSync('userinfo')),
				mapkey: 'OQABZ-WYMCX-KGM4O-TJ5OA-X7MQZ-J5BQE',
				status: 'loading',
				iconType: 'flower',
				loadText: {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '实在没有了'
				},
				location: {
					lat: 0,
					lng: 0,
				},

				city: "",
				cityCode: '',
				address: '',
				collShow: false,
				codeShow: false,
				binary: '',
				SETTB99ID: '',
				SETTB403ID: '',
				collShowIndex: 0,
				collShowContent: '',
				//宫格自定义样式
				customStyle: {
					padding: '10rpx 0'
				},
				title: 'Hello',
				keyword: '',
				//轮播图
				swiper_list: [{
					image: 'https://feishazoushi.cn/appImages/images/home/swiper/swiper1.png',
					title: ''
				}],
				//选项卡
				orderList: [],
				collectionList: [],
				tabs_list: [{
						name: '推荐'
					},
					{
						name: '收藏'
					}
				],
				current: 0,
				swiperCurrent: 0,
				tabsHeight: 0,
				dx: 0,
				countpage: 1,
				page: 1,
				pageColl: 1,
				countpageColl: 1,
				AuthorizationOBJ: '',
				show: false,
				show_index_big_pic: false,
				couponList: [],
				mydata: {
					binary: '',
					queryCodeList: ''
				},
				showCJ: false,
				jyj:'',

			}
		},
		onLoad() {},
		onShow: function() {
			this.orderList = []
			this.page = 1
			this.countpage = 1
			this.collectionList = []
			this.pageColl = 1
			this.countpageColl = 1

			this.getOrderList();
			this.getLocation()
			this.queyrErp()
			// this.initPage()
		},
		onReachBottom() {
			// if (this.swiperCurrent == 0) {
			// 	this.page++
			// 	if (this.page > this.countpage) return this.status = "nomore"
			// 	this.getOrderList()
			// } else {
			// 	this.pageColl++
			// 	if (this.pageColl > this.countpageColl) return this.status = "nomore"
			// 	this.getCollectionList()
			// }
		},
		methods: {
			yhqListFun() {
				uni.request({
					url: this.baseUrl + '/orm/ormtb410/getDraw',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB410ID: this.userinfo.ORMTB410ID,
					},
					success: (res) => {
						if (res.data.code == 200) {
							console.log(res)
							if (res.data.data == 0) {
								this.open()
							}
						} else {
							uni.removeStorageSync('city')
							uni.showToast({
								title: res.data.message,
								duration: 5000,
								icon: 'none',
							});
						}
					},
					fail: (res) => {
						uni.showToast({
							title: '服务器连接超时',
							duration: 5000,
							icon: 'none',
						});
					}
				});
			},
			jymFun(){
				uni.navigateTo({
					url: '/pages/jym/index'
				})
			},
			
			queyrErp() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				// this.enterpriseName = '全部'
				// this.erpId = ''
				// this.erpcColumns = [{
				// 	cateName: '全部',
				// 	id: ''
				// }, ]
				uni.request({
					url: this.baseUrl + '/orm/ormtb473/selectOilBalance',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB410ID: this.userinfo.ORMTB410ID,
					},
					success: (res) => {
						console.log(res);
						uni.hideLoading();
						if (res.data.code == 200) {
							var data = res.data.data
							this.jyj = data.ORMTB410CA07
			
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
						// this.queryList()
					},
					fail: (res) => {
						this.queryList()
						uni.hideLoading();
						this.$refs.uToast.show({
							title: '服务器连接超时',
							type: 'default',
							icon: false
						})
					}
				});
			},
			
			
			shiyongYHQFun() {
				uni.request({
					url: this.baseUrl + '/orm/ormtb410/setDraw',
					method: 'POST',
					dataType: 'json',
					data: {
						ORMTB410ID: this.userinfo.ORMTB410ID,
					},
					success: (res) => {
						if (res.data.code == 200) {
							console.log(res)
							this.close()
							uni.navigateTo({
								url: '/pages/SOenterprise/index'
							})
						} else {
							uni.removeStorageSync('city')
							uni.showToast({
								title: res.data.message,
								duration: 5000,
								icon: 'none',
							});
						}
					},
					fail: (res) => {
						uni.showToast({
							title: '服务器连接超时',
							duration: 5000,
							icon: 'none',
						});
					}
				});
			},
			queryAuthorization() { //查询子账户权限
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				uni.request({
					url: this.baseUrl + '/orm/ormtb417/selectAccess/' + this.userinfo.ORMTB417ID,
					method: 'GET',
					success: (res) => {
						uni.hideLoading();
						if (res.data.code == 200) {
							this.AuthorizationOBJ = res.data.data
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
					},
					fail: (res) => {
						uni.hideLoading();
						this.$refs.uToast.show({
							title: '服务器连接超时',
							type: 'default',
							icon: false
						})
					}
				});
			},
			queryCity() {
				// uni.showLoading({
				//   title: '定位中...',
				// 	mask:true
				// });
				var that = this
				uni.getLocation({
					type: 'wgs84',
					success: function(res) {
						console.log(res)
						uni.request({
							url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${res.latitude},${res.longitude}&key=${that.mapkey}`,
							method: 'GET',
							success: (res) => {
								that.city = res.data.result.address_component.city
								that.queryCityCode()
								// uni.hideLoading();
							},
							fail: (res) => {
								uni.showToast({
									title: '服务器连接超时',
									duration: 5000,
									icon: 'none',
								});
								// uni.hideLoading();
							}
						});
					}
				});
			},



			//打开页面
			openpage(path) {
				uni.navigateTo({
					url: path,
					fail(e) {}
				});
			},
			collClickPost() {
				uni.request({
					url: this.baseUrl + '/set/settb403/collect',
					method: 'POST',
					dataType: 'json',
					data: {
						PERTB005ID: this.userinfo.PERTB005ID, //用户ID
						SETTB99ID: this.SETTB99ID, //二级企业id
					},
					success: (res) => {
						if (res.data.code == 200) {
							this.$refs.uToast.show({
								title: '收藏成功',
								type: 'default',
								icon: false
							})
							if (this.current == 0) {
								this.orderList = []
								this.getOrderList();
							} else {
								this.collectionList = []
								this.getCollectionList()
							}
						} else {
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
					},
					fail: (res) => {
						this.$refs.uToast.show({
							title: '服务器连接超时',
							type: 'default',
							icon: false
						})
					}
				});
			},
			collConfirm() {
				if (this.collShowIndex == 1) {
					this.collClickPost()
				} else if (this.collShowIndex == 2) {
					this.collCancelClickPost()
				}
			},
			//获取当前位置
			getLocation() {
				let location = {
					lat: 0,
					lng: 0,
				}
				return new Promise((reserve, reject) => { //因为获取位置是异步接口所以需要使用promise
					uni.getLocation({
						success(res) {
							location.lat = res.latitude
							location.lng = res.longitude,
								reserve(location);
							console.log(res.latitude, res.longitude)
						},
						fail(err) {
							reject(location); //获取失败则返回经纬坐标为0
						}
					})
				})
			},
			// 油站列表  
			getOrderList() {
				uni.showLoading({
					title: '请求中...',
					mask: true
				});
				uni.request({
					url: this.baseUrl + '/orm/ormtb473/selectPageList',
					method: 'POST',
					dataType: 'json',
					data: {
						// SETTB403CA00: this.userinfo.PERTB005ID,
						// ORMTB410ID: this.userinfo.ORMTB410ID,
						// ORMTB400ID: this.userinfo.ORMTB400ID, //一级客户ID
						// SETTB99CA00: '', //二级企业名称
						// SETTB100CA04: this.cityCode, //市代码
						page: this.page,
						limit: 10,
					},
					success: (res) => {

						uni.hideLoading();
						if (res.data.code == 200) {
							console.log(res)
							if (!res.data.data || res.data.data == null) {
								this.orderList = []
								this.page = 1
								this.countpage = 1
								return
							}

							// var data = res.data.data || []
							if (this.page > 1) {
								this.orderList = [...this.orderList, ...res.data.data]
								// this.orderList = this.orderList.concat(res.data.data)
							} else {
								this.orderList = res.data.data.list
								console.log(this.orderList)
								this.orderList.forEach(item => {
									var s = this.distance(item.ORMTB473CA05, item
										.ORMTB473CA04) //调用计算方法（经度，纬度）传值
									this.$set(item, 'jl', s) //把距离存储到orderList中
								})
								console.log(this.orderList)


							}

						} else {
							this.orderList = []
							this.page = 1
							this.countpage = 1
							this.$refs.uToast.show({
								title: res.data.message,
								type: 'default',
								icon: false
							})
						}
						if (this.countpage == this.page) {
							this.status = "nomore"
						} else {
							this.status = "loadmore"
						}
						this.countpage = Math.ceil(res.data.count / 10)

						// this.getCollectionList();
					},
					fail: (res) => {
						if (this.countpage == this.page) {
							this.status = "nomore"
						} else {
							this.status = "loadmore"
						}
						uni.hideLoading();
						this.$refs.uToast.show({
							title: '服务器连接超时',
							type: 'default',
							icon: false
						})
					}
				});
			},

			getList() {
				this.orderList.forEach(item => {
					var s = this.distance(item.ORMTB473CA05, item
						.ORMTB473CA04) //调用计算方法（经度，纬度）传值
					this.$set(item, 'jl', s) //把距离存储到orderList中
				})
				console.log(this.orderList)
			},


			//根据经纬度计算距离
			distance(lat1, lng1) {
				var that = this;
				let lat2 = 34.273172;
				let lng2 = 113.51351;
				let rad1 = lat1 * Math.PI / 180.0;
				let rad2 = lat2 * Math.PI / 180.0;
				let a = rad1 - rad2;
				let b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
				let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(rad1) *
					Math.cos(
						rad2) * Math.pow(
						Math.sin(b / 2), 2)));
				s = s * 6378.137;
				s = Math.round(s * 10000) / 10000;
				s = s.toString();
				s = s.substring(0, s.indexOf('.') + 2);
				console.log('距离：', s);
				return s

			},
			initPage: async function() {
				this.location = await this.getLocation()
				console.log(this.location)
				this.getOrderList()
			},



			// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
			// swiper滑动结束，分别设置tabs和swiper的状态
			// animationfinish(e) {
			// 	let current = e.detail.current;
			// 	this.$refs.tabs.setFinishCurrent(current);
			// 	if (this.current == current) {
			// 		return
			// 	}
			// 	this.current = current;
			// 	// this.swiperCurrent = current;
			// 	if (current == 0) {
			// 		this.getOrderList()
			// 	}
			// 	if (current == 1) {
			// 		this.getCollectionList()
			// 	}
			// },
			// reachBottom() {
			// 	if (this.page == this.countpage) {
			// 		return this.status = "nomore"
			// 	}
			// 	this.page++
			// 	this.getOrderList()
			// },
			// reachBottomColl() {
			// 	if (this.pageColl == this.countpageColl) {
			// 		return this.status = "nomore"
			// 	}
			// 	this.pageColl++
			// 	this.getCollectionList()
			// },
			goAndSee(item) {
				// uni.setStorageSync('Erptype', 2);
				// uni.setStorageSync('yz', JSON.stringify(item));
				uni.navigateTo({
					url: '/pages/jym/index'
				})


				// console.log(item)
				// uni.showLoading({
				// 	title: '加载中...',
				// 	mask: true
				// });
				// this.binary = ''
				// uni.request({
				// 	url: this.baseUrl + '/orm/ormtb476/genQRcode',
				// 	method: 'POST',
				// 	dataType: 'json',
				// 	data: {
				// 		ORMTB410ID: this.userinfo.ORMTB410ID
				// 	},
				// 	success: (res) => {
				// 		console.log(res);
				// 		uni.hideLoading();
				// 		if (res.data.code == 200) {
				// 			var data = res.data.data
				// 			this.binary = 'data:image/png;base64,' + data
				// 			// this.queryCodeList = data
				// 			this.codeShow = true
				// 		} else {
				// 			this.$refs.uToast.show({
				// 				title: res.data.message,
				// 				type: 'default',
				// 				icon: false
				// 			})
				// 		}
				// 	},
				// 	fail: (res) => {
				// 		console.log(res)
				// 		uni.hideLoading();
				// 		this.$refs.uToast.show({
				// 			title: '服务器连接超时',
				// 			type: 'default',
				// 			icon: false
				// 		})
				// 	}
				// });

			}
		}
	}
</script>
<style>
	page {
		height: 100%;
		background-color: #f2f2f2;
	}
</style>
<style lang="scss" scoped>
	.progress-wrap {
		padding: 30rpx;
		background-color: #ff9900;
		color: #FFFFFF;
	}

	.popup_title {
		font-size: 30rpx;
		font-weight: 700;
		text-align: center;
		padding-bottom: 20rpx;


		/* padding: 30rpx; */
	}

	.quan-bg {
		// background-image: url(../../../static/images/quan-bg.png);
		background-repeat: no-repeat;
		width: 100%;
		height: 130rpx;
		background-size: 100%;
		// display: flex;
		margin: 10rpx 0;
		position: relative;
		// left: 50%;

	}

	.quan-bg .quan-jine {
		color: #ffffff;
		position: absolute;
		width: 212rpx;
		// padding: 10rpx;
		text-align: center;
		top: 0;
		padding: 0 10rpx;


	}

	.quan-jine .jine-fuhao {
		font-size: 28rpx;

	}

	.quan-jine .jine {
		font-size: 60rpx;
	}

	.quan-bg .quan-jieshao-content {
		// width: 70%;
		position: absolute;
		padding-top: 26rpx;
		padding-bottom: 26rpx;
		padding-left: 10rpx;
		padding-right: 10rpx;
		left: 206rpx;
	}

	.quan-jieshao-content .quan-leixing-style {
		background: #FF4500;
		color: #ffffff;
		padding: 10rpx;
		border-radius: 20rpx;
		font-size: 12rpx;
		margin-right: 10rpx;
	}

	.quan-jieshao-content .quan-tit-cont {
		font-size: 30rpx;
		font-weight: bold;
		color: #303133;
	}

	.quan-jz-riqi {
		padding-top: 24rpx;
		color: #999999;

	}

	.quan-text-cj {
		display: flex;
		padding-top: 30rpx;
		font-size: 12rpx;
		justify-content: space-between;
	}

	.quan-kycj {
		width: 400rpx;
		color: #999999;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}

	.but-lj-lq {
		width: 100%;
		margin: 20rpx 0;
		margin-top: 40rpx;
		text-align: center;
		color: #fff;
		left: 50%;
	}

	.see-btn-collection .iconshoucang {
		font-size: 30rpx;
		color: #f4ea2a;
		margin-right: 20rpx;
	}

	.see-btn-collection .iconshoucangqiye {
		font-size: 30rpx;
		color: #999;
		margin-right: 20rpx;
	}

	.see-btn-collection {
		height: 40rpx;
		color: #999;
		font-size: 28rpx;
	}

	.tabber-home .zanWSJ {
		padding-top: 200rpx;
	}

	.tabber-home .zanWSJ>image {
		display: block;
		margin: 0 auto;
		height: 360rpx;
		width: 43%;
	}

	//头部
	.header {
		display: flex;
		position: absolute;
		z-index: 9999;
		top: 50rpx;
		color: #fff;
		// padding-left: 24rpx;

		.region {
			width: 165rpx;
			margin: 15rpx 15rpx 0 25rpx;
			color: #fff;
		}

		.icon {
			margin-left: 10rpx;
		}

		.search {}
	}

	.top-address {
		padding-left: 10rpx;
	}

	//轮播图
	.swiper_wrap {
		margin-top: -100rpx;

	}

	//快捷入口图片
	.quick_box {
		display: flex;
		padding: 20rpx;
		background-color: #FFFFFF;
		vertical-align: top;

		.left {
			width: 350rpx;
			margin-right: 20rpx;
			vertical-align: top;
			height: 250rpx;

			image {
				width: 350rpx;
				height: 250rpx;
			}
		}

		.right {
			width: 350rpx;
			vertical-align: top;
			height: 250rpx;

			image {
				width: 350rpx;
				height: 250rpx;
			}
		}
	}

	//宫格
	.grid-box {
		background-color: #FFFFFF;

		.grid-text {
			font-size: 28rpx;
			color: $u-type-info;
		}

		padding-bottom: 15rpx;
	}

	//公告
	.notice {
		margin: 10rpx 0;
		background-color: #FFFFFF;

		.u-icon__icon {
			color: #ff9900 !important;
		}
	}

	//广告
	.ad_show {
		margin: 10rpx 20rpx;
	}

	//选项卡
	.order {
		width: 710rpx;
		background-color: #ffffff;
		margin: 20rpx auto;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 20rpx;
		font-size: 32rpx;

		.top {
			display: flex;
			justify-content: space-between;
			border-bottom-width: 1rpx;
			border-bottom-color: #eee;
			border-bottom-style: solid;
			padding-bottom: 20rpx;

			.left {
				display: flex;
				align-items: center;

				.store {
					margin: 0 10rpx;
					font-size: 28rpx;
					color: #666;
				}
			}

			.right {
				color: #058cff;
			}
		}

		.item {
			display: flex;
			margin: 20rpx 0 0;
			justify-content: space-between;

			.left {
				margin-right: 30rpx;
				text-align: center;

				image {
					width: 200rpx;
					height: 200rpx;
					border-radius: 10rpx;
				}

			}

			.content {
				// width: 65%;

				.title {
					font-size: 33rpx;
					line-height: 50rpx;
					font-weight: bold;
				}

				.type {
					margin: 10rpx 0;
					font-size: 32rpx;
					color: #303133;
				}

				.see-btn {
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: space-between;
					margin-top: 30rpx;
				}

				.btn-coll {
					line-height: 56rpx;
					display: inline-block;
				}

				.btn_mid {
					height: 56rpx;
					width: 148rpx;
					background: #00A8F2;
					color: #fff;
					text-align: center;
					line-height: 56rpx;
					border-radius: 28rpx 28rpx 28rpx 28rpx;
				}
			}
		}

		.total {
			margin-top: 20rpx;
			text-align: right;
			font-size: 24rpx;

			.total-price {
				font-size: 32rpx;
			}
		}

		.bottom {
			display: flex;
			margin-top: 40rpx;
			padding: 0 10rpx;
			justify-content: space-between;
			align-items: center;

			.btn {
				line-height: 52rpx;
				width: 160rpx;
				border-radius: 26rpx;
				border: 2rpx solid $u-border-color;
				font-size: 26rpx;
				text-align: center;
				color: $u-type-info-dark;
			}

			.evaluate {
				color: $u-type-warning-dark;
				border-color: $u-type-warning-dark;
			}
		}
	}

	.centre {
		text-align: center;
		margin: 200rpx auto;
		font-size: 32rpx;

		image {
			width: 164rpx;
			height: 164rpx;
			border-radius: 50%;
			margin-bottom: 20rpx;
		}

		.tips {
			font-size: 24rpx;
			color: #999999;
			margin-top: 20rpx;
		}

		.btn {
			margin: 80rpx auto;
			width: 200rpx;
			border-radius: 32rpx;
			line-height: 64rpx;
			color: #ffffff;
			font-size: 26rpx;
			background: linear-gradient(270deg, rgba(249, 116, 90, 1) 0%, rgba(255, 158, 1, 1) 100%);
		}
	}

	.wrap {
		display: flex;
		flex-direction: column;
		height: calc(95vh - var(--window-top));
		width: 100%;
	}

	.swiper-box {
		flex: 1;
		// margin-bottom: 100rpx;
	}

	.swiper-item {
		height: 100%;
	}

	.ewm-box {
		width: 164rpx;
		color: #FFFFFF;
		margin: 14rpx 14rpx 0 12rpx;
	}

	.ewm-box .img-ewm {
		width: 50rpx;
		height: 50rpx;
		display: inline-block;
		padding-right: 10rpx;
		// height: 200rpx;
	}

	.ewm-box .ewm-bj {
		display: flex;
		justify-content: center;
		line-height: 50rpx;

	}

	.kyq-bs {
		color: #ffffff;
		background: #f60;
		font-size: 20rpx;
		padding: 10rpx;
		border-radius: 20rpx;
	}

	.code-img {
		width: 500rpx;
		height: 500rpx;
		margin: 50rpx auto 0;
	}

	.code-img image {
		width: 500rpx;
		height: 500rpx;
	}

	.wrap-count {
		margin: 20rpx 20rpx 0;
		border-radius: 10rpx;
		background-color: #FFF;
		padding: 20rpx 0;
		font-size: 32rpx;
	}

	.wrap-count>text {
		padding: 0 30rpx;
		font-size: 34rpx;
	}

	.wrap-count>view {
		// display: flex;
		// text-align: center;
		padding: 20rpx 30rpx;
	}

	.wrap-count>view>view {
		flex: .7;
		font-size: 32rpx;
	}

	.wrap-count>view>view>text {
		color: #999;
	}

	.wrap-count .wrap-count-money {
		flex: 1;
	}
</style>
